* {
    margin: 0;
    padding: 0; }
a {
    text-decoration: none; }
img {
    border: 0; }
ul, li, ol {
    list-style: none; }
body {
    word-wrap:break-word;
    font-size: 15px;
    background: #f3f3f4; }
.clear {
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both;
    line-height: 0; }
.btn {
    margin: 5px;
    background: #fff;
    border: solid 1px #000000; }
.box {
    margin-top: 10px;
    border: solid 0.5px #d0d0d0; }
.top{
    padding-top: 20px;  }
.bod{
    background: #ffffff;
    border: solid 1px #e7eaec;
    margin-top: 15px;
    border-radius: 5px;  }
.form-control{
    font-size:12px;
    margin:5px 0;
    box-shadow: none;
}
.info {
    margin:25px 0;  }
.btn-primary {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFF;  }
.left{
    color: #676a6c;  }
.right{
    color: #000;  }

@media (min-width: 768px) and (max-width: 979px) {
    .info {
        margin:25px 15px;  }  }
@media (min-width: 481px) and (max-width: 767px) {
    .info {
        margin:25px 15px;  }  }
@media (min-width: 321px)and (max-width: 480px) {
    .info {
        margin:25px 12px;  }  }